<template>
	<view class="service-evaluation">
		<view class="title">
			<view class="content">会话已结束</view>
		</view>
		<view class="service-evaluation-main">
			<view class="service-evaluation-title">
				请对本次服务进行评价
			</view>
<!-- 			<view class="score-wrapper">
				<view class="score-label">
					服务评价:
				</view>
				<view class="score-main">
					<u-rate v-model="score" :count="5" gutter="19" size="44" :min-count="1" active-color="#fcd165" />
				</view>
				<view class="score-text">
					{{rateLabel[score-1]}}
				</view>
			</view> -->
<!-- 			<textarea class="evaluation-textarea" placeholder="请写下您对本次服务的反馈与建议"
				placeholder-style="font-size: 24rpx;color: #AEAEAE;" :show-confirm-bar="false"/> -->
			<button class="submit-btn" @click="$emit('toEvaluation')">前往评价</button>
		</view>
<!-- 		<u-modal v-model="show">
			<view class="slot-content">
				<textarea class="evaluation-textarea" placeholder="请写下您对本次服务的反馈与建议"
					placeholder-style="font-size: 24rpx;color: #AEAEAE;"/>
			</view>
		</u-modal> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				score: 5,
				rateLabel: ['非常差', '较差', '普通', '满意', '非常满意'],
				isFocus: false,
			}
		},
		methods:{
		}
	}
</script>

<style scoped lang="scss">
	@import "./serviceEvaluation.scss";
</style>
